@charset "utf-8";

//@import "reset";

$fontsize:40;

@function r($px){
    @return $px/$fontsize * 1rem;
}
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 0px;
}

html,body{ 
    width: 100%;
}
#web{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    .years-head{
        width: 100%;
        height: r(505);
        img{
            width: 100%;
            height: 100%;
        }
    }
    .years_time{
        width: 100%;
        height: r(210);
        background: url(../img/years/years_time_bgr.jpg);
        background-size: 100% 100%;
        .times_img{
            position: relative;
            width: r(459);
            height: r(147);
            padding: r(61) 0 0 r(93);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .title_size{
            position: absolute;
            top: r(83);
            left: r(111);
            width: r(423);
            height: r(104);
            border-radius: r(7);
            .title_times{
                width: r(398);
                height: r(54);
                margin:r(24) 0 0 r(13);
                .times1{
                    display: inline-block;
                    width: r(85);
                    height: r(54);
                    margin-left: r(19);
                    line-height: r(58);
                    text-align: center;
                    font-size: r(41);
                    letter-spacing: r(20);
                    text-indent: r(10);
                    color: white;
                }
                .times1:first-child{
                    margin: 0;
                }
            }
            .title-data{
                width: r(398);
                height: r(20);
                margin:0 0 0 r(13);
                .data1{
                    display: inline-block;
                    width: r(85);
                    height: r(20);
                    margin-left: r(19);
                    line-height: r(24);
                    text-align: center;
                    font-size: r(12);
                }
                .data1:first-child{
                    margin: 0;
                }
            }
        }
    }
    .years_bottom{
        position: relative;
        width: 100%;
        height: r(935);
        background: url(../img/years/years_bottom.jpg);
        background-size: 100% 100%;
        .bottom-botton{
            position: absolute;
            left: r(91);
            bottom: r(108);
            width: r(461);
            height: r(75);
            background: url(../img/years/times_button.png);
            background-size: 100% 100%;
            font-size: r(27);
            line-height: r(75);
            text-indent: r(78);
            color: #cf3101;
            font-weight: bold;
        }
    }
}    